import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { ActivityIndicator,Toast } from 'antd-mobile';
import { List, InputItem,Button } from 'antd-mobile';
import { createForm } from 'rc-form';

import 'antd-mobile/lib/activity-indicator/style/index.css';
import 'antd-mobile/lib/toast/style/index.css';
import 'antd-mobile/lib/list/style/index.css';
import 'antd-mobile/lib/input-item/style/index.css';
import 'antd-mobile/lib/button/style/index.css';

import { get, post } from '../api/getData';
import {getQueryString} from '../utils/util';
import Hdgz from '../components/Hdgz';
import '../static/styles/index.css';

class Bind extends Component {
    constructor(props) {
        super(props);
        this.state = {
            chose: 0,
            user:[],
            goods:[],
            animating:false,
            answerResult:true,
            choseGoods:null,
            result:-1,
            hdgz: false
        };
    }

    componentDidMount() {
        let __this = this;
        __this.setState({
            animating: false
        });
        var askuid = getQueryString('askuid');
        get('/api/activity/user/' + askuid, {token : 'test'}, function(error, data){

        })

        document.title = '中秋佳节';
    }

    render() {
        return <div className='moon-bg'>
            <ActivityIndicator
                toast
                text="加载中..."
                animating={this.state.animating}
             />
            <div className='moon-index-content'>
            <List>
              <InputItem
                clear
                type="phone"
                placeholder="请输入手机号码"
                ref={el => this.autoFocusInst = el}
              >手机号</InputItem>
              </List>
              <List>
              <InputItem
                clear
                placeholder="请输入验证码"
                ref={el => this.inputRef = el}
                extra="获取验证码"
              >验证码</InputItem>
            </List>
            <Button className='bind-button' type="primary">绑定</Button>
            </div>
        </div>
    }
}

export default Bind;
